<template>
	<view class="content">
		<view class="licence_content">
			<view class="licence_top" v-for="(item,index) in list" :key="index">
				<h1>{{item.title3}}</h1>
				<image :src="item.src" mode="" class="img"></image>
				<view class="licence_one">
					{{item.title}}
				</view>
				<p>{{item.num}}</p>
				<p>{{item.title1}}</p>
			</view>
		</view>
		<view class="licence_contents">
			<view class="licence_top" v-for="(item,index) in lists" :key="index">
				<h1>{{item.title3}}</h1>
				<image :src="item.src" mode="" class="img"></image>
				
			</view>
			<view class="licence_top">
				<view class="licence_one">
				{{title}}
			</view>
			<p>{{num}}</p>
			<p>{{title1}}</p>
			</view>
			
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				num:'京ICP备17021295',
				title1:'电信与信息服务业务经营许可证:京B2-20183167、京B2-20181642',
				title:'相关许可证信息',
				list:[
					{src:'/static/images/licence_03.gif',title:'相关许可证信息',num:'京ICP备17021295',title1:'电信与信息服务业务经营许可证:京B2-20183167、京B2-20181642',title3:'平台营业执照'}
				],
				lists:[
					{src:'/static/images/licence_06.gif',title3:'自营营业执照'},
					{src:'/static/images/licence_08.gif',title3:'成品油零售经营批准证书'},
					{src:'/static/images/licence_10.gif',title3:'危险化学品经营许可证'}
				]
			}
		}
	}
</script>

<style lang="scss">
	$color1:#f2f4f8;
	$color2:#4c4c4c;
	$border-radius:20rpx;
	page{background-color: #f2f4f8;overflow: auto;}
	.content{width: 95%;margin: 0 auto;}
	.licence_content,.licence_contents{background-color: #fff;border-radius: $border-radius;}
	*{margin: 0;padding: 0;}
	.img{display: block;width:100%;height: 450rpx;}
	.licence_one{font-weight: bold;margin: 20rpx 0rpx;}
	.licence_top{padding: 20rpx;margin: 20rpx 0;box-sizing: border-box;}
	.licence_top h1{padding: 40rpx 0rpx 15rpx;text-align: center;font-weight: bold;line-height: 40rpx;}
	 p{color: $color2;line-height: 60rpx;font-size: 30rpx}
</style>